<template>
  <view class="loading-container">
    <image class="loading-spinner" src="@/static/loading.gif" mode="aspectFit" />

    <text class="loading-text">加载中...</text>
  </view>
</template>

<style scoped lang="scss">
.loading-container {
  position: fixed;

  width: 100%;
  height: 100%;
  background-color: rgba(112, 112, 112, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.loading-spinner {
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 20rpx;
}
.loading-text {
  font-size: 28rpx;
  color: #fff;
}
</style>
